<template>
    <div class="optionListContainer">
        <template v-for="item in list">
            <div class="option">
                <!--属性名字部分-->
                <div class="name" v-text="item.name"></div>
                <!--设置属性-->
                <el-form :model="item">
                    <el-form-item label="最大值">
                        <el-input-number v-model="item.max" controls-position="right"></el-input-number>
                    </el-form-item>
                    <el-form-item label="标准值">
                        <el-input-number v-model="item.standard" controls-position="right"></el-input-number>
                    </el-form-item>
                    <el-form-item label="最小值">
                        <el-input-number v-model="item.min" controls-position="right"></el-input-number>
                    </el-form-item>
                </el-form>
            </div>
        </template>
        <el-form>
            <el-form-item>
                <el-button type="primary">确定</el-button>
                <el-button>重置</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>
<script>
export default {
    name: 'optionList',
    data() {
        return {};
    },
    props: {
        list: {
            type: Array,
            default: () => {
                return [];
            }
        }
    }
};
</script>
<style lang="less" scoped src="../style/optionList.less">
</style>
